﻿<table class="table table-striped table-advance table-hover">
    <thead>
        <tr>
            <th colspan="3">
                <input type="checkbox" class="mail-checkbox mail-group-checkbox">
                <div class="btn-group">
                    <a class="btn btn-sm blue" href="#" data-toggle="dropdown">More <i class="fa fa-angle-down">
                    </i></a>
                    <ul class="dropdown-menu">
                        <li><a href="#"><i class="fa fa-pencil"></i>Mark as Read </a></li>
                        <li><a href="#"><i class="fa fa-ban"></i>Spam </a></li>
                        <li class="divider"></li>
                        <li><a href="#"><i class="fa fa-trash-o"></i>Delete </a></li>
                    </ul>
                </div>
            </th>
            <th class="pagination-control" colspan="3">
                <span class="pagination-info">1-30 of 789 </span><a class="btn btn-sm blue"><i class="fa fa-angle-left">
                </i></a><a class="btn btn-sm blue"><i class="fa fa-angle-right"></i></a>
            </th>
        </tr>
    </thead>
    <tbody>
        <tr class="unread" data-messageid="1">
            <td class="inbox-small-cells">
                <input type="checkbox" class="mail-checkbox">
            </td>
            <td class="inbox-small-cells">
                <i class="fa fa-star"></i>
            </td>
            <td class="view-message hidden-xs">
                Petronas IT
            </td>
            <td class="view-message ">
                New server for datacenter needed
            </td>
            <td class="view-message inbox-small-cells">
                <i class="fa fa-paperclip"></i>
            </td>
            <td class="view-message text-right">
                16:30 PM
            </td>
        </tr>
        <tr class="unread" data-messageid="2">
            <td class="inbox-small-cells">
                <input type="checkbox" class="mail-checkbox">
            </td>
            <td class="inbox-small-cells">
                <i class="fa fa-star"></i>
            </td>
            <td class="view-message hidden-xs">
                Daniel Wong
            </td>
            <td class="view-message">
                Please help us on customization of new secure server
            </td>
            <td class="view-message inbox-small-cells">
            </td>
            <td class="view-message text-right">
                March 15
            </td>
        </tr>
        <tr data-messageid="3">
            <td class="inbox-small-cells">
                <input type="checkbox" class="mail-checkbox">
            </td>
            <td class="inbox-small-cells">
                <i class="fa fa-star"></i>
            </td>
            <td class="view-message hidden-xs">
                John Doe
            </td>
            <td class="view-message">
                Lorem ipsum dolor sit amet
            </td>
            <td class="view-message inbox-small-cells">
            </td>
            <td class="view-message text-right">
                March 15
            </td>
        </tr>
        <tr data-messageid="4">
            <td class="inbox-small-cells">
                <input type="checkbox" class="mail-checkbox">
            </td>
            <td class="inbox-small-cells">
                <i class="fa fa-star"></i>
            </td>
            <td class="view-message hidden-xs">
                Facebook
            </td>
            <td class="view-message">
                Dolor sit amet, consectetuer adipiscing
            </td>
            <td class="view-message inbox-small-cells">
            </td>
            <td class="view-message text-right">
                March 14
            </td>
        </tr>
        <tr data-messageid="5">
            <td class="inbox-small-cells">
                <input type="checkbox" class="mail-checkbox">
            </td>
            <td class="inbox-small-cells">
                <i class="fa fa-star inbox-started"></i>
            </td>
            <td class="view-message hidden-xs">
                John Doe
            </td>
            <td class="view-message">
                Lorem ipsum dolor sit amet
            </td>
            <td class="view-message inbox-small-cells">
            </td>
            <td class="view-message text-right">
                March 15
            </td>
        </tr>
        <tr data-messageid="6">
            <td class="inbox-small-cells">
                <input type="checkbox" class="mail-checkbox">
            </td>
            <td class="inbox-small-cells">
                <i class="fa fa-star inbox-started"></i>
            </td>
            <td class="view-message hidden-xs">
                Facebook
            </td>
            <td class="view-message">
                Dolor sit amet, consectetuer adipiscing
            </td>
            <td class="view-message inbox-small-cells">
                <i class="fa fa-paperclip"></i>
            </td>
            <td class="view-message text-right">
                March 14
            </td>
        </tr>
        <tr data-messageid="7">
            <td class="inbox-small-cells">
                <input type="checkbox" class="mail-checkbox">
            </td>
            <td class="inbox-small-cells">
                <i class="fa fa-star inbox-started"></i>
            </td>
            <td class="view-message hidden-xs">
                John Doe
            </td>
            <td class="view-message">
                Lorem ipsum dolor sit amet
            </td>
            <td class="view-message inbox-small-cells">
                <i class="fa fa-paperclip"></i>
            </td>
            <td class="view-message text-right">
                March 15
            </td>
        </tr>
        <tr data-messageid="8">
            <td class="inbox-small-cells">
                <input type="checkbox" class="mail-checkbox">
            </td>
            <td class="inbox-small-cells">
                <i class="fa fa-star"></i>
            </td>
            <td class="view-message hidden-xs">
                Facebook
            </td>
            <td class="view-message view-message">
                Dolor sit amet, consectetuer adipiscing
            </td>
            <td class="view-message inbox-small-cells">
            </td>
            <td class="view-message text-right">
                March 14
            </td>
        </tr>
        <tr data-messageid="9">
            <td class="inbox-small-cells">
                <input type="checkbox" class="mail-checkbox">
            </td>
            <td class="inbox-small-cells">
                <i class="fa fa-star"></i>
            </td>
            <td class="view-message hidden-xs">
                John Doe
            </td>
            <td class="view-message view-message">
                Lorem ipsum dolor sit amet
            </td>
            <td class="view-message inbox-small-cells">
            </td>
            <td class="view-message text-right">
                March 15
            </td>
        </tr>
        <tr data-messageid="10">
            <td class="inbox-small-cells">
                <input type="checkbox" class="mail-checkbox">
            </td>
            <td class="inbox-small-cells">
                <i class="fa fa-star"></i>
            </td>
            <td class="view-message hidden-xs">
                Facebook
            </td>
            <td class="view-message view-message">
                Dolor sit amet, consectetuer adipiscing
            </td>
            <td class="view-message inbox-small-cells">
            </td>
            <td class="view-message text-right">
                March 14
            </td>
        </tr>
        <tr data-messageid="11">
            <td class="inbox-small-cells">
                <input type="checkbox" class="mail-checkbox">
            </td>
            <td class="inbox-small-cells">
                <i class="fa fa-star inbox-started"></i>
            </td>
            <td class="view-message hidden-xs">
                John Doe
            </td>
            <td class="view-message">
                Lorem ipsum dolor sit amet
            </td>
            <td class="view-message inbox-small-cells">
            </td>
            <td class="view-message text-right">
                March 15
            </td>
        </tr>
        <tr data-messageid="12">
            <td class="inbox-small-cells">
                <input type="checkbox" class="mail-checkbox">
            </td>
            <td class="inbox-small-cells">
                <i class="fa fa-star inbox-started"></i>
            </td>
            <td class="hidden-xs">
                Facebook
            </td>
            <td class="view-message">
                Dolor sit amet, consectetuer adipiscing
            </td>
            <td class="view-message inbox-small-cells">
                <i class="fa fa-paperclip"></i>
            </td>
            <td class="view-message text-right">
                March 14
            </td>
        </tr>
        <tr data-messageid="13">
            <td class="inbox-small-cells">
                <input type="checkbox" class="mail-checkbox">
            </td>
            <td class="inbox-small-cells">
                <i class="fa fa-star"></i>
            </td>
            <td class="view-message hidden-xs">
                John Doe
            </td>
            <td class="view-message">
                Lorem ipsum dolor sit amet
            </td>
            <td class="view-message inbox-small-cells">
                <i class="fa fa-paperclip"></i>
            </td>
            <td class="view-message text-right">
                March 15
            </td>
        </tr>
        <tr data-messageid="14">
            <td class="inbox-small-cells">
                <input type="checkbox" class="mail-checkbox">
            </td>
            <td class="inbox-small-cells">
                <i class="fa fa-star"></i>
            </td>
            <td class="hidden-xs">
                Facebook
            </td>
            <td class="view-message view-message">
                Dolor sit amet, consectetuer adipiscing
            </td>
            <td class="view-message inbox-small-cells">
            </td>
            <td class="view-message text-right">
                March 14
            </td>
        </tr>
        <tr data-messageid="15">
            <td class="inbox-small-cells">
                <input type="checkbox" class="mail-checkbox">
            </td>
            <td class="inbox-small-cells">
                <i class="fa fa-star"></i>
            </td>
            <td class="view-message hidden-xs">
                John Doe
            </td>
            <td class="view-message">
                Lorem ipsum dolor sit amet
            </td>
            <td class="view-message inbox-small-cells">
            </td>
            <td class="view-message text-right">
                March 15
            </td>
        </tr>
        <tr data-messageid="16">
            <td class="inbox-small-cells">
                <input type="checkbox" class="mail-checkbox">
            </td>
            <td class="inbox-small-cells">
                <i class="fa fa-star"></i>
            </td>
            <td class="view-message hidden-xs">
                Facebook
            </td>
            <td class="view-message">
                Dolor sit amet, consectetuer adipiscing
            </td>
            <td class="view-message inbox-small-cells">
            </td>
            <td class="view-message text-right">
                March 14
            </td>
        </tr>
        <tr data-messageid="17">
            <td class="inbox-small-cells">
                <input type="checkbox" class="mail-checkbox">
            </td>
            <td class="inbox-small-cells">
                <i class="fa fa-star inbox-started"></i>
            </td>
            <td class="view-message hidden-xs">
                John Doe
            </td>
            <td class="view-message">
                Lorem ipsum dolor sit amet
            </td>
            <td class="view-message inbox-small-cells">
            </td>
            <td class="view-message text-right">
                March 15
            </td>
        </tr>
        <tr data-messageid="18">
            <td class="inbox-small-cells">
                <input type="checkbox" class="mail-checkbox">
            </td>
            <td class="inbox-small-cells">
                <i class="fa fa-star"></i>
            </td>
            <td class="view-message hidden-xs">
                Facebook
            </td>
            <td class="view-message view-message">
                Dolor sit amet, consectetuer adipiscing
            </td>
            <td class="view-message inbox-small-cells">
                <i class="fa fa-paperclip"></i>
            </td>
            <td class="view-message text-right">
                March 14
            </td>
        </tr>
        <tr data-messageid="19">
            <td class="inbox-small-cells">
                <input type="checkbox" class="mail-checkbox">
            </td>
            <td class="inbox-small-cells">
                <i class="fa fa-star"></i>
            </td>
            <td class="view-message hidden-xs">
                John Doe
            </td>
            <td class="view-message">
                Lorem ipsum dolor sit amet
            </td>
            <td class="view-message inbox-small-cells">
                <i class="fa fa-paperclip"></i>
            </td>
            <td class="view-message text-right">
                March 15
            </td>
        </tr>
    </tbody>
</table>
